<template>
    <div class="app-container">
        <levelbar></levelbar>
        <el-tabs v-model="activeName">
            <el-tab-pane label="充值收入" name="first">
                <rechargeIncome></rechargeIncome>
            </el-tab-pane>

            <el-tab-pane label="消费支出" name="second">
                <expenditure></expenditure>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
import Levelbar from '../layout/Levelbar';
import rechargeIncome from './comps/rechargeIncome';
import expenditure from './comps/expenditure';
export default {
    name: 'revenueFlow',
    components: { Levelbar, rechargeIncome, expenditure},
    data() {
        return {
            activeName: 'first'
        }
    }
}
</script>

<style lang="scss" scoped>
.app-container {
    position: relative;
    padding: 20px 20px 10px;
}

</style>